<template>
  <div class="icon_item">
    <img :src="data.url" alt="" class="icon_item_img" />
    <p class="icon_item_title">{{ data.title }}</p>
  </div>
</template>

<script>
export default {
  props: {
    data: Object,
  },
  setup() {},
};
</script>

<style scoped>
.icon_item {
  width: 126px;
  height: 180px;
}
.icon_item_img {
  display: block;
  height: 120px;
}

.icon_item_title {
  margin-top: 20px;
  height: 13px;
  line-height: 13px;
  font-size: 13px;
  color: #666666;
  letter-spacing: 0;
  text-align: center;
}
</style>